@extends('home.layouts.home')
@section('content')
<div class="content">
    <div class="wrap">
          <div class="art-height"></div>
          <div class="community">
               <div class="com-fl fl">
                       <div class="hd">
                          <ul>
                          @foreach($carousel as $v)
                          <li style="background:url({{$v->pic}}) no-repeat center center;height:289px" value="{{$v->id}}" ></li>
                          @endforeach
                          </ul>
                       </div>
                       <div class="bd"><ul></ul></div> 
               </div>
               <div class="com-fr fr">
                       <div class="com-a">
                            <div class="com-a2"></div>
                       </div>
                       <div class="com-b">
                            @foreach($datae as $v)
                            <div class="com-b1">{{$v->title}}[1次回复 / [（{{$v->click}}）次浏览]<span>{{$v->huser->nickname}}</span></div>
                            @endforeach
                       </div> 
               </div>
          </div>
          
          <div class="ru">
                <div class="ru-fl fl">
                        <div class="ru-a">
                               <div class="ru-title">
                                       <div class="cou-b1"><img src="home/images/cou-b1.jpg">文章</div>
                                       <div class="ru-a1">
                                             <div class="sort" >排序</div>
                                       </div>
                                       <div class="ru-a2">
                                             <div class="dropdown">
                                                    <span>分类</span>  
                                 
                                
                                                     <ul data-value="" class="droplist">
                                                     <li data-id="1">全部</li>
                                                     @foreach($datas as $v)
                                                                
                                                                <li data-id="2">{{$v->aname}}</li>
                                                      @endforeach
                                                     </ul>
                                             </div>
                                       </div>
                               </div>
                         </div>
                         <div class="ru-b">
                                <ul>
                                  @foreach($data as $v)
                                      <a href="{{url('content/'.$v->id)}}"><li>
                                           <div class="wt-fl fl">
                                                 <div class="wt-a1"><img src="home/upload/com-b.jpg"></div>
                                                 <div class="wt-a2">{{$v->huser->nickname}}</div>
                                           </div>
                                           <div class="wt-fr fl">
                                                  <div class="wt-r1"><span>{{$v->amodule->mname}}</span>{{$v->title}}<em>New</em></div>
                                                  <div class="wt-r2">评论（1） 丨  阅读（{{$v->click}}） 丨  {{$v->ntime}}</div>
                                                  
                                           </div>
                                      </li></a>
                                    @endforeach
                                </ul><!--    class="skt-more com-more" -->
                                <div   >{!! $data->render() !!}</div>
                         </div>       
                </div><!--ru-fl--> 
                
                <div class="ru-fr fr">
                       <a href="{{url('anote')}}"><div class="ru-c1">发表帖子</div></a>
                       <div class="ru-c2"><img src="home/images/cou-b1.jpg">热门标签</div>
                       <div class="ru-c3">
                           <span>恋爱</span>
                           <span>型男</span>
                           <span>美女</span>
                           <span>矛盾</span>
                           <span>矛盾</span>
                           <span>恋爱</span>
                           <span>型男</span>
                           <span>美女</span>
                       </div>
                       <div class="ru-c2"><img src="home/images/cou-b1.jpg">热门帖子</div>
                       <div class="ru-c4">
                       @foreach($dataa as $v)
                            <div class="ru-c5">
                                   <div class="ru-d fl">热</div>
                                   <div class="ru-e fl"><a href="{{url('content/'.$v->id)}}">
                                       <div class="ru-e1">{{$v->title}}</div>
                                       <div class="ru-e2"><img src="home/upload/focus-a2.png">{{$v->huser->nickname}}<span>{{$v->ntime}}</span></div></a>
                                   </div>
                            </div>
                            @endforeach
                       </div>
                       <div class="ru-c6"><a href=""><img src="home/upload/ru-c1.png"></a></div>
                </div>
          </div><!--ru-->
    </div> 
</div>

<div class="footer">
   <div class="wrap">
      <div class="foot">
            <div class="foot-left fl">
                 <a href="">关于我们</a>
                 <a href="">加入我们</a>
                 <a href="contact.html">联系我们</a>
                 <a href="">媒体采访</a>
            </div>
            <div class="foot-c fl"><a href=""><img src="home/images/foot-logo.jpg"></a></div>
            <div class="foot-right fr">
                 <a href="">同城活动</a>
                 <a href="">课程资讯</a>
                 <a href="">最新发布</a>
                 <a href="">热门文章</a>
            </div>
       </div> 
       <div class="foot-btm">网页制作by云邦</div>    
   </div>
</div>


<!--登录注册弹窗-->
<div class="mask"></div>
<div class="login">
    <div class="login-title">
        <div class="login-a">登录</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
        <div class="login-f">
             <a href="">忘记密码</a>
             <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
        </div>
    </div>
</div>

<div class="reg">
    <div class="login-title">
        <div class="login-a">注册</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
        <div class="login-f">
             <a href="">忘记密码</a>
        </div>
    </div>
</div>


<script src="{{asset('home/js/jquery-1.11.1.min.js')}}"></script>
<script src="{{asset('home/js/Action.js')}}"></script>
<script src="{{asset('home/js/jquery.SuperSlide.2.1.1.js')}}"></script>
<script>

   $(".com-fl").slide({

		    titCell: ".bd ul" , 
		    mainCell:".hd ul" , 
	        effect:"fold", 
	        autoPlay:true,
	        autoPage: true, 
		    mouseOverStop:false,
 		    trigger: "click",
		    startFun: function (i) {
                    var curLi = jQuery(".com-fl .bd li").eq(i);
                    if (!!curLi.attr("_src")) {
                        curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
                    }
                }

		 })	
   $(".com-fl ul li").click(function(){
    var a = this.value
    window.location.href="http://www.lamp191.com/content/"+a;
   })
</script>
<script>
   $(".sort").click(function(){
	   $(this).toggleClass("sort-cut")  
      $.get("{{url('/amodule')}}",'asc', function(){
           '1';
      })
     

	})
</script>
<script>
   $(".dropdown").bind({
	    click: function () {
	        $(this).find(".droplist").stop().slideDown();
	    },
	    mouseleave: function () {
	        $(this).find(".droplist").hide();
	    }
	});
	$(".dropdown .droplist li").click(function () {
	    $(this).parents(".dropdown").children("span").text($(this).text());
	    $(this).parents(".droplist").hide().attr("data-value", $(this).attr("data-id"));
	});
</script>
<style>
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li  {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.pagination li.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}




ul.pagination li a:hover:not(.active) {background-color: #ddd;}
/*ul.pagination li.disabled {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination  span{display: inline;}

ul.pagination li {display: inline;}

ul.pagination li.active  span  {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}*/
</style>
@endsection